<!--
    Created by wangyang on 2019-01-25.
    itwangyang@gmail.com
    http://itwangyang.xyz
-->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <title>A.I票据-首页</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="assest/css/swiper.min.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/app.css">

</head>
<body>
<!--ticket-top begin-->
<div class="ticket-top container-fluid">
    <div class="container">
        <nav class="ticket-top-nav">
            <a class="ticket-top-nav-item active" href="#">服务热线:120362564</a>
            <a class="ticket-top-nav-item" href="#">服务时间：<span>9:00-12:00</span></a>
        </nav>
    </div>
</div>
<!--ticket-top end-->

<!--navbar-meau begin-->
<section class="container-fluid navbar-meau">
    <nav class="container navbar navbar-expand-lg navbar-light bg-light">
        <a class="navbar-brand" href="index.html"><img src="images/logo.png" alt="" class="img-responsive" width="208"
                                                       height="54"></a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
                aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item active head-item">
                    <a class="nav-link" href="index.html">首页 <span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item head-item">
                    <a class="nav-link" href="#">我要出票</a>
                </li>
                <li class="nav-item head-item">
                    <a class="nav-link" href="#">交易大厅</a>
                </li>
                <li class="nav-item head-item">
                    <a class="nav-link" href="#">我的订单</a>
                </li>
            </ul>

            <form class="form-inline">
                <button class="btn btn-primary login-btn" type="button">登录</button>
                <button class="btn btn-outline-primary reg-btn" type="button">注册</button>
            </form>
        </div>
    </nav>
</section>
<!--navbar-meau end-->


<!--banner begin-->
<div id="demo" class="carousel slide mb-2" data-ride="carousel">
    <!-- 指示符 -->
    <ul class="carousel-indicators">
        <li data-target="#demo" data-slide-to="0" class="active"></li>
        <li data-target="#demo" data-slide-to="1"></li>
        <li data-target="#demo" data-slide-to="2"></li>
    </ul>
    <!-- 轮播图片 -->
    <div class="carousel-inner">
        <div class="carousel-item active">
            <img src="images/banner.png" width="1920" height="500">
        </div>
        <div class="carousel-item">
            <img src="images/banner.png" width="1920" height="500">
        </div>
        <div class="carousel-item">
            <img src="images/banner.png" width="1920" height="500">
        </div>
    </div>

    <!-- 左右切换按钮 -->
    <a class="carousel-control-prev" href="#demo" data-slide="prev">
        <span class="carousel-control-prev-icon"></span>
    </a>
    <a class="carousel-control-next" href="#demo" data-slide="next">
        <span class="carousel-control-next-icon"></span>
    </a>

</div>
<!--banner end-->


<!--announcement begin-->
<article class="container announcement">
    <div class="row fontSize14 announcement-content">
        <div class="col col-lg-6 flexBox-row">
            <img src="images/icon_gg.png" width="18" height="14">
            <span class="ml-1">网站公告</span>
            <p class="nowrap ml-3 mt-3 text-w text-nowrap">平台收费平台收费平台收费</p>
        </div>

        <div class="col col-lg-5 flexBox-row text-center hover">
            <p class="nowrap text-w text-nowrap mt-3 ">平台收费平台收费平台收费平台收费平台收费平台收费平费平台收费</p>
            <span class="ml-2">2019-12-1</span>
        </div>

        <div class="col col-lg-1">
            <a href="#">查看更多<span class="fontSize14">></span></a>
        </div>

    </div>
</article>
<!--announcement end-->


<!--Online trading steps begin-->
<section class="container mt-1 mb-3 online-trading-steps">
    <div class="row">
        <div class="steps3 border-right">线上交易仅需3步</div>

        <div class="one-way">
            <div><p>1</p></div>
            <aside class="ml-2">
                <h6>注册会员</h6>
                <p class="fontSize14">成为平台会员</p>
            </aside>
        </div>

        <div class="one-way">
            <div><p>2</p></div>
            <aside class="ml-2">
                <h6>开户银行资金账户</h6>
                <p class="fontSize14">在线开户</p>
            </aside>
        </div>

        <div class="one-way">
            <div><p>3</p></div>

            <aside class="ml-2">
                <h6>在线交易</h6>
                <p class="fontSize14">发布订单，30分钟内完成交易</p>
            </aside>
        </div>

        <div class="col ml-4 col-lg-2 flexBox-center">
            <input type="button" class="form-control btn-primary" value="马上注册">
        </div>
    </div>
</section>
<!--Online trading steps end-->


<!--trading-hall begin-->
<div class="container-fluid bg-img">
    <div class="flexBox-center bg-center">
        <div class="container bg-img2">
            <section class="data-hall text-center">
                <div class="fontSize24">交易数据</div>
                <div><span class="fontSize16 fontColor57">累计成交总金额</span><span class="ml-4 fontSize42 mainColor">1278724572</span>
                </div>
                <div class="ml-5"><span class="fontSize16 fontColor57">平均交易时长</span><span
                        class="ml-4 fontSize42 mainColor">10:00</span></div>
            </section>
        </div>
    </div>
</div>
<section class="container-fluid trading-hall"></section>

<section class="container orders">
    <div class="row orders-item text-center">
        <div class="col-lg-2">
            <p class="fontSize24 fontcolor20">广州银行</p>
            <p class="fontSize18 fontColor57">承兑人</p>
        </div>
        <div class="col-lg-2">
            <p class="fontSize24 fontcolor20">87万</p>
            <p class="fontSize18 fontColor75">票面金额</p>
        </div>
        <div class="col-lg-2">
            <p class="fontSize24 fontcolor20">29018-10-22</p>
            <p class="fontSize18 fontColor75">到期日</p>
        </div>
        <div class="col-lg-2">
            <p class="fontSize24 fontcolor20">有</p>
            <p class="fontSize18 fontColor75">瑕疵情况</p>
        </div>
        <div class="col-lg-2">
            <p class="fontSize24 fontcolor20">2300</p>
            <p class="fontSize18 fontColor75">一口价</p>
        </div>
        <div class="col-lg-2 border-left">
            <input type="button" class="form-control btn-outline-primary" value="立即接单">
        </div>
    </div>
    <div class="row orders-item text-center">
        <div class="col-lg-2">
            <p class="fontSize24 fontcolor20">广州银行</p>
            <p class="fontSize18 fontColor57">承兑人</p>
        </div>
        <div class="col-lg-2">
            <p class="fontSize24 fontcolor20">87万</p>
            <p class="fontSize18 fontColor75">票面金额</p>
        </div>
        <div class="col-lg-2">
            <p class="fontSize24 fontcolor20">29018-10-22</p>
            <p class="fontSize18 fontColor75">到期日</p>
        </div>
        <div class="col-lg-2">
            <p class="fontSize24 fontcolor20">有</p>
            <p class="fontSize18 fontColor75">瑕疵情况</p>
        </div>
        <div class="col-lg-2">
            <p class="fontSize24 fontcolor20">2300</p>
            <p class="fontSize18 fontColor75">一口价</p>
        </div>
        <div class="col-lg-2 border-left">
            <input type="button" class="form-control btn-outline-primary" value="立即接单">
        </div>
    </div>
    <div class="row orders-item text-center">
        <div class="col-lg-2">
            <p class="fontSize24 fontcolor20">广州银行</p>
            <p class="fontSize18 fontColor57">承兑人</p>
        </div>
        <div class="col-lg-2">
            <p class="fontSize24 fontcolor20">87万</p>
            <p class="fontSize18 fontColor75">票面金额</p>
        </div>
        <div class="col-lg-2">
            <p class="fontSize24 fontcolor20">29018-10-22</p>
            <p class="fontSize18 fontColor75">到期日</p>
        </div>
        <div class="col-lg-2">
            <p class="fontSize24 fontcolor20">有</p>
            <p class="fontSize18 fontColor75">瑕疵情况</p>
        </div>
        <div class="col-lg-2">
            <p class="fontSize24 fontcolor20">2300</p>
            <p class="fontSize18 fontColor75">一口价</p>
        </div>
        <div class="col-lg-2 border-left">
            <input type="button" class="form-control btn-outline-primary" value="立即接单">
        </div>
    </div>
    <div class="row orders-item text-center">
        <div class="col-lg-2">
            <p class="fontSize24 fontcolor20">广州银行</p>
            <p class="fontSize18 fontColor57">承兑人</p>
        </div>
        <div class="col-lg-2">
            <p class="fontSize24 fontcolor20">87万</p>
            <p class="fontSize18 fontColor75">票面金额</p>
        </div>
        <div class="col-lg-2">
            <p class="fontSize24 fontcolor20">29018-10-22</p>
            <p class="fontSize18 fontColor75">到期日</p>
        </div>
        <div class="col-lg-2">
            <p class="fontSize24 fontcolor20">有</p>
            <p class="fontSize18 fontColor75">瑕疵情况</p>
        </div>
        <div class="col-lg-2">
            <p class="fontSize24 fontcolor20">2300</p>
            <p class="fontSize18 fontColor75">一口价</p>
        </div>
        <div class="col-lg-2 border-left">
            <input type="button" class="form-control btn-outline-primary" value="立即接单">
        </div>
    </div>
</section>

<!--trading-hall end-->


<section class="container mb-5">
    <div class="row">
        <div class="row-half row-half-item">
            <img src="images/icon_quanbu.png" width="61" height="44">
            <span class="mainColor ml-2">查看全部交易</span>
        </div>
        <div class="row-half row-half-item">
            <img src="images/icon_add.png" width="42" height="43">
            <span class="maincolorw ml-2">发布需求</span>
        </div>
    </div>
</section>


<!--媒体报道-->
<section class="container">
    <div class="row flexBox-space-between mt-3 mb-4">
        <div class="col-lg-6 pull-left"><h5>媒体报道</h5></div>
        <div class="col-lg-6 pull-right"><a class="fontSize14" href="">查看更多 ></a></div>
    </div>

    <div class="row mb-4">
        <div class="col col-lg-6"><img src="images/login_img.png" width="505" height="300" alt=""></div>
        <div class="col col-lg-6">
            <p class="fontcolor20 fontcolor20 text-nowrap nowrap hover">
                2018年是中国宏观经济得到高度关注的-年到高度关注的一年到高
            </p>
            <p class="fontSize14 h-100 text-line-height">
                伴随国际经济结构的重组、市场情绪的跌宕、微观环境的变更以及国家政策的实施，宏观层面上”
                稳中有进”的态势进一步发生变化，经济发展在内部“攻坚战”与外部“贸易摩擦”的双重挤压下
                逐渐步入新常态的新阶段，国内票据市场呈现总体平稳的运行特征。2019年， 新一轮全方位改革
                开放和新一轮供给侧结构性改革势在必行，中国必定将踏上改革开放的新征程，2019年也必定成
                为票据市场走向高质量发展的关键年。
                <span class="pull-right">2018-2-3</span>
            </p>
        </div>
    </div>

    <!--news-->
    <ul class="list-group">
        <li>
            <div class="row">
                <div class="col col-lg-10">
                    <p class="text-nowrap fontSize14 fontcolor20 nowrap hover">
                        2018年是中国宏观经济得到高度关注的2018年是中国宏观经济得到高度关注的2018年是中国宏观经济得到高度关注的2018年是中国宏观经济得到高度关注的2018年是中国宏观经济得到高度关注的2018年是中国宏观经济得到高度关注的</p>
                </div>
                <div class="col col-lg-2">
                    <p class="fontSize14 pull-right">2018-2-2</p>
                </div>
            </div>
        </li>
        <li>
            <div class="row">
                <div class="col col-lg-10">
                    <p class="text-nowrap fontSize14 fontcolor20 nowrap hover">
                        2018年是中国宏观经济得到高度关注的2018年是中国宏观经济得到高度关注的2018年是中国宏观经济得到高度关注的2018年是中国宏观经济得到高度关注的2018年是中国宏观经济得到高度关注的2018年是中国宏观经济得到高度关注的</p>
                </div>
                <div class="col col-lg-2">
                    <p class="fontSize14 pull-right">2018-2-2</p>
                </div>
            </div>
        </li>
    </ul>
</section>


<!--互联网只能交易-->
<section class="container mt-4">
    <div class="row flexBox-space-between mt-3 mb-4">
        <div class="col-lg-6 pull-left"><h5>互联网智能交易撮合平台</h5></div>
    </div>

    <div class="row">
        <div class="col col-lg-3 platform-item">
            <img src="images/icon_sm.png" width="92" height="93">
            <p class="fontcolor22 fontcolor6e mt-2">买卖方实名认证</p>
        </div>
        <div class="col col-lg-3 platform-item">
            <img src="images/icon_bank.png" width="91" height="74">
            <p class="fontcolor22 fontcolor6e mt-2">银行资金监督</p>
        </div>
        <div class="col col-lg-3 platform-item">
            <img src="images/icon_pt.png" width="85" height="77">
            <p class="fontcolor22 fontcolor6e mt-2">智能撮合平台</p>
        </div>
        <div class="col col-lg-3 platform-item">
            <img src="images/icon_money.png" width="78" height="78">
            <p class="fontcolor22 fontcolor6e mt-2">无中间商赚差价</p>
        </div>
    </div>
</section>

<section class="container mt-4">
    <div class="row flexBox-space-between mt-3 mb-4">
        <div class="col-lg-6 pull-left"><h5>合作机构</h5></div>
    </div>

    <div class="row mb-5">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="images/banner.png" width="200" height="80" alt=""></div>

                <div class="swiper-slide"><img src="images/banner.png" width="200" height="80" alt=""></div>

                <div class="swiper-slide"><img src="images/banner.png" width="200" height="80" alt=""></div>

                <div class="swiper-slide"><img src="images/banner.png" width="200" height="80" alt=""></div>

                <div class="swiper-slide"><img src="images/banner.png" width="200" height="80" alt=""></div>

                <div class="swiper-slide"><img src="images/banner.png" width="200" height="80" alt=""></div>

            </div>
            <!--&lt;!&ndash; Add Pagination &ndash;&gt;-->
            <!--<div class="swiper-pagination"></div>-->
            <!--&lt;!&ndash; Add Arrows &ndash;&gt;-->
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>
    </div>
</section>


<!--footer begin-->
<footer class="container-fluid">
    <div class="footer container pt-3">
        <div class="row" style="color: #fff">
            <div class="col-lg-4 col-md-3 col-sm-12 ">
                <p>客服热线</p>
                <p class="tel">4000-00000-1000</p>
                <li class="navbar-bottom-item">工作时间：8：00-18：00</li>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-12 ">
                <p>关于我们</p>
                <li class="navbar-bottom-item"><a href="">关于澳赢科技</a></li>
                <li class="navbar-bottom-item"><a href="">联系我们</a></li>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-12 ">
                <p>电票交易</p>
                <li class="navbar-bottom-item"><a href="">获取交易权限</a></li>
                <li class="navbar-bottom-item"><a href="">交易流程</a></li>
                <li class="navbar-bottom-item"><a href="">电子使用规则</a></li>
                <li class="navbar-bottom-item"><a href="">相关下载</a></li>
                <li class="navbar-bottom-item"><a href="">常见问题</a></li>
            </div>
            <div class="col-lg-2 col-md-3 col-sm-12 ">
                <img src="../images/qr_code.png" alt="" width="123" height="120" class="img-responsive">
                <p>微信公众号</p>
            </div>
        </div>
    </div>
</footer>
<!--footer end-->

<script src="js/jquery.js"></script>
<script src="assest/js/swiper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/common.js"></script>
<script>
    var swiper = new Swiper('.swiper-container', {
        slidesPerView: 5,
        spaceBetween: 20,
        slidesPerGroup: 5,
        loop: true,
        loopFillGroupWithBlank: true,
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    });
</script>
</body>
</html>
